<template>
	<view>
		<view class="assistant_ly">
			<view class="font">{{notice.noticeTitle}}</view>
		</view>
		<view class="noticetime">
			{{notice.noticeTime}}
		</view>
		<view class="noticetext">
			<u--text :text="notice.noticeContent" class="noticetext" wordWrap="break-word" lineHeight="50rpx"></u--text>
		</view>
		<!-- <u-row customStyle="margin-bottom: 10px">
			<u-col span="1">
				<view ></view>
			</u-col>
			<u-col span="10">
				<view class="demo-layout bg-purple-light">
					{{notice.noticeContent}}
				</view>
			</u-col>
			<u-col span="1">
				<view ></view>
			</u-col>
		</u-row> -->
		
		<!-- <text class="flex flex-direction">{{notice.noticeContent}}</text> -->

	</view>
</template>

<script>
	export default {
		data() {
			return {
				notice: {}
			}
		},
		onLoad(args) {
			console.log(args)
			let that = this;
			uni.request({
				url: "/notice/getbyid?noticeId=" + args.noticeId,
				success(res) {
					console.log(that.url)
					console.log(res)
					that.notice = res.data.data;
				}
			})
		}
	}
</script>



<style lang="scss">
	.assistant_ly {
		display: flex;
		flex-direction: row;
		height: 80rpx;
		background-color: white;
		justify-content: center; //水平居中
	}

	.noticetime {
		text-align: right;
		/* display: inline-block; */
		background-color: white;
	}

	.noticetext {
		margin: 0 5% 0;
	}

	.demo-layout {
		height: 25px;
		border-radius: 4px;
	}

	.bg-purple {
		background: #CED7E1;
	}

	.bg-purple-light {
		background: #e5e9f2;
	}

	.bg-purple-dark {
		background: #99a9bf;
	}

	.font {
		font-weight: 900;
		font-size: 80rpx;
	}
</style>